<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:c="http://java.sun.com/jstl/core">

<h:head></h:head>
<ui:composition template="/template/mainLayout.xhtml">

<ui:param name="rolName" value="DUENIO"/>

<ui:param name="windowsTitle" value="Informe Comisiones"></ui:param>
	<ui:define name="bodyContent">
		<h:form>
			<rich:panel styleClass="centrado">
				<fieldset class="tabla" style="width: 620px;">
					<rich:panel styleClass="centrado" title="Informe de comisiones...">
					<h:panelGrid columns="3">
						<h:outputText value="Número de vendedor" />
						<h:outputText value="Periodo de inicio" />
						<h:outputText value="Periodo de fin" />
						
						<h:inputText value="#{comisionesBean.reporteVentasFiltro.idVendedor}" />
						<h:panelGroup>
							<h:panelGrid columns="2">
							<h:selectOneMenu value="#{comisionesBean.reporteVentasFiltro.mesIni}">
								<f:selectItem itemLabel="Mes"/>
								<f:selectItem itemLabel="Enero" itemValue="1"/>
								<f:selectItem itemLabel="Febrero" itemValue="2"/>
								<f:selectItem itemLabel="Marzo" itemValue="3"/>
								<f:selectItem itemLabel="Abril" itemValue="4"/>
								<f:selectItem itemLabel="Mayo" itemValue="5"/>
								<f:selectItem itemLabel="Junio" itemValue="6"/>
								<f:selectItem itemLabel="Julio" itemValue="7"/>
								<f:selectItem itemLabel="Agosto" itemValue="8"/>
								<f:selectItem itemLabel="Septiembre" itemValue="9"/>
								<f:selectItem itemLabel="Octubre" itemValue="10"/>
								<f:selectItem itemLabel="Noviembre" itemValue="11"/>
								<f:selectItem itemLabel="Diciembre" itemValue="12"/>
							</h:selectOneMenu>
							<h:selectOneMenu value="#{comisionesBean.reporteVentasFiltro.anoIni}">
								<f:selectItem itemLabel="Año"/>
								<f:selectItems value="#{comisionesBean.posibleYears}"/>
							</h:selectOneMenu>
							</h:panelGrid>
						</h:panelGroup>
							<h:panelGrid columns="2">
								<h:selectOneMenu value="#{comisionesBean.reporteVentasFiltro.mesFin}">
									<f:selectItem itemLabel="Mes"/>
									<f:selectItem itemLabel="Enero" itemValue="1"/>
									<f:selectItem itemLabel="Febrero" itemValue="2"/>
									<f:selectItem itemLabel="Marzo" itemValue="3"/>
									<f:selectItem itemLabel="Abril" itemValue="4"/>
									<f:selectItem itemLabel="Mayo" itemValue="5"/>
									<f:selectItem itemLabel="Junio" itemValue="6"/>
									<f:selectItem itemLabel="Julio" itemValue="7"/>
									<f:selectItem itemLabel="Agosto" itemValue="8"/>
									<f:selectItem itemLabel="Septiembre" itemValue="9"/>
									<f:selectItem itemLabel="Octubre" itemValue="10"/>
									<f:selectItem itemLabel="Noviembre" itemValue="11"/>
									<f:selectItem itemLabel="Diciembre" itemValue="12"/>
								</h:selectOneMenu>
								<h:selectOneMenu value="#{comisionesBean.reporteVentasFiltro.anoFin}">
									<f:selectItem itemLabel="Año"/>
									<f:selectItems value="#{comisionesBean.posibleYears}"/>
								</h:selectOneMenu>
							</h:panelGrid>
						<h:outputText value="Comisi&oacute;n" />
						<h:inputText value="#{comisionesBean.porcentajeComision}" />
						<h:commandButton action="#{comisionesBean.calcularInformeComisiones}" value="Calcular" />
					</h:panelGrid>
					</rich:panel>
				
				<rich:dataTable value="#{comisionesBean.resumen}" var="resumen" rendered="#{not empty comisionesBean.resumen}">
					<rich:column>
						<f:facet name="header">
							N&uacute;mero de vendedor
						</f:facet>
						#{resumen.id.idVendedor}
					</rich:column>
					<rich:column>
						<f:facet name="header">
							Nombre
						</f:facet>
						#{resumen.nombreCompleto}
					</rich:column>
					<rich:column>
						<f:facet name="header">
							Periodo
						</f:facet>
						<h:outputText value="#{resumen.id.periodo}" >
							<f:convertDateTime pattern="MM/yyyy"/>
						</h:outputText>
						
					</rich:column>
					<rich:column>
						<f:facet name="header">
							Total vendido
						</f:facet>
						<h:outputText value="#{resumen.total}" >
							<f:convertNumber pattern="$ 0.00"/>
						</h:outputText>
					</rich:column>
					<rich:column rendered="false">
						<f:facet name="header">
							Comisi&oacute;n
						</f:facet>
						<h:outputText value="#{resumen.total.multiply(comisionesBean.porcentajeComisionProcesado)}" >
							<f:convertNumber pattern="$ 0.00"/>
						</h:outputText> 
					</rich:column>
				</rich:dataTable>
					
				</fieldset>

			</rich:panel>
		</h:form>
	</ui:define>
</ui:composition>
</html>
